﻿.layer{overflow:hidden;clear:both;color:#000000;    
    -moz-border-radius: 8px;      /* Gecko browsers */
    -webkit-border-radius: 8px;   /* Webkit browsers */
    border-radius:8px;            /* W3C syntax */
}

.layer *{
    margin:0;padding:0;
}
.layer .layer-head{
    position:absolute;width:100%;left:0;height:34px;line-height:34px;font-size:15px;cursor:move;
    background-image: -moz-linear-gradient(top, #ffffff, #C2C6CE); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #C2C6CE)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#C2C6CE', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #C2C6CE);
}
.layer .layer-body{position:absolute;top:34px;bottom:40px;width:100%;min-height:30px;_height:100%;_position:relative;right:0;_top:0;_left:0;}
.layer .layer-foot{
    position:absolute;bottom:0px;height:40px;line-height:40px;width:100%;text-align:right;
    border-top:1px solid #cccccc;
    background-image: -moz-linear-gradient(top, #ffffff, #C2C6CE); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #C2C6CE)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#C2C6CE', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #C2C6CE);
}
.layer .title,.content,.foot{padding-left:10px;padding-right:10px;}
.layer .title .icon
{
    padding-left:20px;    
}
.layer .layer-head,.layer .layer-head *{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.layer-shade{top: 0;left: 0;width: 100%;height: 100%;position:absolute;}
/*上为基本定位css，下为样式css*/
.layer .layer-head,.layer-body,.layer-foot{background-color:#FFFFFF;}
.layer .title{float:left;width:auto;font-weight:bold;font-size:12px;letter-spacing:1px;}
.layer .layer-head .closebtn{float: right;font-weight: bold;font-family: arial;font-size: 24px;color: #aaaaaa;text-shadow: 0 1px #fff;cursor: pointer;margin-right:10px;z-index:2;}
.layer .layer-head .closebtn:hover{color:#443750;}
.layer .layer-body .icon{height:100%;line-height:100%;float:left;width:70px;}
    .layer .layer-body .icon > div {
        height:100%;width:70px;
    }
.layer .layer-body  .msg{height:100%;width:100%;padding:25px 0;font-size:13px;}


.icon-1{background-image:url('img/1.png');background-repeat:no-repeat;background-position:center center;}
.icon-2{background-image:url('img/layericon-2.png');background-repeat:no-repeat;background-position:center center;}
.icon-3{background-image:url('img/layericon-3.png');background-repeat:no-repeat;background-position:center center;}
.icon-4{background-image:url('img/4.png');background-repeat:no-repeat;background-position:center center;}
.icon-5{background-image:url('img/5.png');background-repeat:no-repeat;background-position:center center;}
.icon-6{background-image:url('img/6.png');background-repeat:no-repeat;background-position:center center;}
.icon-7{background-image:url('img/7.png');background-repeat:no-repeat;background-position:center center;}
.icon-8{background-image:url('img/layericon-8.png');background-repeat:no-repeat;background-position:center center;}
.icon-9{background-image:url('img/9.png');background-repeat:no-repeat;background-position:center center;}

.loading-context{padding:0 0 0 0;}
.loading-0 {background-image:url('img/loading-0.gif');background-repeat:no-repeat;background-position:left center;height:100%;}
.loading-1 {background-image:url('img/loading-1.gif');background-repeat:no-repeat;background-position:left center;height:100%;}
.loading-2 {background-image:url('img/loading-2.gif');background-repeat:no-repeat;background-position:left center;height:100%;}
.loading-3 {background-image:url('img/loading-3.gif');background-repeat:no-repeat;background-position:left center;height:100%;}
.loading-4 {background-image:url('img/loading-4.gif');background-repeat:no-repeat;background-position:left center;height:100%;}
.layer .layer-foot b {
  margin-right:15px;
}
.layer .layer-foot button {
    height:27px;line-height:27px;
    padding: 0 12px;
	margin: 0;
	font-family: "sans serif",tahoma,verdana,helvetica;
	border:1px solid #999;
	color: #333;
	font-size: 12px;
	left: 2px;
	text-decoration: none;
	outline: none; 
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
    background-image: -moz-linear-gradient(top, #ffffff, #C2C6CE); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #C2C6CE)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#C2C6CE', GradientType='0');
    background-image: linear-gradient(to bottom, #ffffff, #C2C6CE);
}
.layer .layer-foot button:hover {
    -webkit-box-shadow: 0 0 8px #a6a6a6;
    -moz-box-shadow: 0 0 8px #a6a6a6;
    box-shadow: 0 0 8px #a6a6a6;
}